<%! from xmodule.capa.util import remove_markup %>
<div id="chemicalequationinput_${id}" class="chemicalequationinput">
    <div class="script_placeholder" data-src="${previewer}"/>

    <div class="${status.classname}">

      <input type="text" name="input_${id}" id="input_${id}" aria-label="${remove_markup(response_data['label'])}"
             aria-describedby="answer_${id}" data-input-id="${id}" value="${value|h}"
             % if size:
              size="${size}"
             % endif
      />

      <p class="indicator-container">
        ${value|h}
        <%include file="status_span.html" args="status=status, status_id=id"/>
      </p>

      <div id="input_${id}_preview" class="equation"></div>
      <p id="answer_${id}" class="answer"></p>
  </div>
</div>
